<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/app.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <title>Document</title>
</head>
<body>
<div class="top-body">
    <div class="ding">
        <div class="container" style="width:980px;margin: 0 auto;">
            <div class="row top">
                <div class="col-md-4 left">
                    <img src="./img/logo2.png" alt="">
                    <span><a href="" style="color:#fe4343;">任务大厅</a></span>
                    <span><a href="" style="color:white">项目需求</a></span>
                </div>
                <div class="col-md-5 col-md-offset-3 right">
                    <div class="row">
                        <div class="right">

                            <span></span><span>帮助</span><span>|</span><sapn><img src="./img/zb_header_message.png" alt="" style="margin-right: 5px">消息</sapn>
                        </div>
                        <!--下拉菜单开始-->
                        <div class="dropdown">
                            <button type="button" class="btn btn-lg dropdown-toggle zhuti" id="dropdownMenu1"
                                    data-toggle="dropdown">
                                您好! 孤独岁月
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation" class="text-center">
                                    <a role="menuitem" tabindex="-1" href="#">个人资料</a>
                                </li>
                                <li role="presentation" class="text-center">
                                    <a role="menuitem" tabindex="-1" href="#">认证信息</a>
                                </li>
                                <li role="presentation" class="text-center">
                                    <a role="menuitem" tabindex="-1" href="#">注册信息</a>
                                </li>
                                <li role="presentation" class="divider"></li>
                                <li role="presentation" class="text-center">
                                    <a role="menuitem" tabindex="-1" href="#">注册团队</a>
                                </li>
                                <li role="presentation" class="text-center">
                                    <a role="menuitem" tabindex="-1" href="#">退出</a>
                                </li>
                            </ul>
                        </div>
                        <!--下拉菜单结束-->
                    </div>
                </div>
            </div>
        </div>
        <!--第二种行栅格系统-->
        <div class="er">
            <div class="container">
                <div class="row top2">
                    <div class="col-md-8 col-md-offset-4 ul">
                        <ul>
                            <li style="background: #fe4343;height: 33px;margin-top: 6px;line-height: 33px"><a href="">发任务</a></li>
                            <li><a href="" style="color:#fe4343;">我发布的任务</a></li>
                            <li><a href="">我参与的任务</a></li>
                            <li><a href="">我关注的任务</a></li>
                        </ul>

                    </div>
                </div>
                <!--任务数量开始-->
                <div class="row top3">
                    <div class="col-md-3 ul">
                        <p>
                            <span>39</span>
                            个
                        </p>
                        <p>任务报名中</p>
                    </div>
                    <div class="col-md-3 ul">
                        <p>
                            <span>39</span>
                            个
                        </p>
                        <p>任务进行中</p>
                    </div>
                    <div class="col-md-3 ul">
                        <p>
                            <span>39</span>
                            个
                        </p>
                        <p>任务以完成</p>
                    </div>
                    <div class="col-md-3 ul">
                        <p>
                            <span>39</span>
                            个
                        </p>
                        <p>任务未审核通过</p>
                    </div>
                </div>
                <!--任务数量结束-->
                <!--任务累计开始-->
                <div class="row top4">
                    <div class="col-md-12 ul">
                        <p class="text-center">
                            任务累计总金额：
                            <span>&yen 61,582,487</span>
                        </p>
                    </div>
                </div>
                <!--任务累计结束-->
                <!--发布任务开始-->
                <div class="row top5">
                    <p class="text-center">
                        您还没有发布过任务，<a href="">点此发布任务>></a>
                    </p>
                </div>
                <!--发布任务结束-->
                @@include('./include/bottom.html')
            </div>
        </div>
        <!--第二行栅格系统-->
    </div>
</div>
</body>
</html>